'use client';

import { Destination, User } from '@prisma/client';
import Image from 'next/image';
import Link from 'next/link';
import { useState } from 'react';

type DestinationWithDetails = Destination & {
  _count: {
    activities: number;
  };
  savedBy: User[];
};

export function DestinationGrid({
  destinations,
  showEmptyState = false,
}: {
  destinations: DestinationWithDetails[];
  showEmptyState?: boolean;
}): JSX.Element {
  return (
    <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
      {destinations.map((destination) => (
        <div key={destination.id} className="bg-white rounded-lg shadow-sm">
          {/* 目的地卡片内容 */}
        </div>
      ))}
    </div>
  );
} 